<template>
  <div class="dialog-title">
    <svg-icon
      :size="20"
      :icon-class="logoName"
    />
    <div>{{ title||ENV_CONFIG.PRODUCTION_NAME }}</div>
  </div>
</template>

<script setup lang="ts">
import {useEnvConfig} from '@/config'
const {ENV_CONFIG} = useEnvConfig()
const props = defineProps({
  title: {
    type: String,
    default:''
  }
})
const logoName=`logo-main-${ENV_CONFIG.type}`
</script>

<style scoped lang="scss">
.dialog-title {
  display: flex;
  gap: 5px;
  color: #333333;
  align-items: center;
  font-size:12px;
}
</style>
